<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    

<script>
// cookie
// cookie是浏览器提供的一种机制，可以通过JS对其进行操作（设置、读取、修改、删除）
// cookie是一种会话跟踪技术，是存储在访问者计算机中的一小块数据
// cookie用于在浏览器中存储用户的状态信息（浏览就记录、登录状态、个性设置等）
// cookie的一些特征：
// 1.cookie需要在服务器环境运行（使用Live Server插件打开页面）
// 2.cookie按域名存储，按浏览器存储
// 3.同一个域名下的多个页面共享一套cookie数据
// 4.cookie可以设置有效期，过期浏览器会自动删除cookie数据
// 5.cookie存储空间只有4kb或50条左右
// 6.cookie会随着http请求自动发送到服务端
// 7.cookie兼容性较好，没有方便的API操作

// 设置cookie
document.cookie = 'user1=xiaowang';// 设置一个cookie数据
document.cookie = 'user2=xiaozhang';// 设置一个cookie数据
document.cookie = 'user2=xiaozhao';// 修改一个cookie数据
document.cookie = 'user3=xiaoyan';// 设置一个cookie数据

let d = new Date();
d.setMinutes(d.getMinutes() + 30);
document.cookie = 'user4=xiaohong; domain=localhost; path=/0926; expires='+d;// 设置一个cookie数据

// domain 设置域名，默认为当前页面的域名
// path 设置路径，默认为当前url中的路径
// expires 设置有效期，默认为session(会话，关闭页面时数据消失)


// 获取cookie
console.log( document.cookie );// 'user1=xiaowang; user3=xiaoyan; user2=xiaozhao'
// 需求：获取key为user3的数据 'xiaoyan'

// 思考：
// 封装设置cookie的函数 setCookie(options);
// 封装获取cookie的函数 getCookie(key);
// 封装删除cookie的函数 rmCookie(key);

</script>
</body>
</html>